<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport"
        content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>Hello APP</title>
    <link rel="stylesheet" type="text/css" href="./css/api.css" />
    <style type="text/css">
        html,
        body {
            height: 100%;
        }

        #wrap {
            height: 100%;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-flex-flow: column;
            flex-flow: column;
        }

        #header {
            text-align: center;
            background-color: #81a9c3;
            color: #fff;
            width: 100%;
        }

        #header h1 {
            font-size: 20px;
            height: 44px;
            line-height: 44px;
            margin: 0em;
            color: #fff;
        }

        #main {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            flex: 1;
        }

        #footer {
            height: 30px;
            line-height: 30px;
            background-color: #81a9c3;
            width: 100%;
            text-align: center;
        }

        #footer h5 {
            color: white;
        }

        .con {
            font-size: 28px;
            text-align: center;
        }

        .flex-con {
            overflow: auto
        }
    </style>
</head>

<body>
    <div id="wrap">
        <div id="header">
            <h1>myAPICloud</h1>
        </div>
        <div id="main" class="flex-con">

        </div>
        <div id="footer">
            <h5>Copyright &copy;<span id="year"></span> </h5>
        </div>
    </div>
</body>
<script type="text/javascript" src="./script/api.js"></script>
<script type="text/javascript">
    apiready = function () {
        var this_obj = this;
        var wx = api.require('wx');
        wx.isInstalled(function (ret, err) {
            if (ret.installed) {
                wx.auth({}, function (coderet, err) {
                    if (coderet.status) {
                        wx.getToken({
                            code: coderet.code,
                        }, function (tokenret, err) {
                            if (tokenret.status) {
                                wx.getUserInfo({
                                    accessToken: tokenret.accessToken,
                                    openId: tokenret.openId,
                                }, function (userret, err) {
                                    if (userret.status) {
                                        var user_info = {
                                            nickname: userret.nickname,
                                            headimgurl: userret.headimgurl,
                                            sex: userret.sex
                                        }
                                        var data = {
                                            open_id: userret.openid,
                                            user_info: JSON.stringify(user_info),
                                            unionid: userret.unionid,
                                            type: '微信',
                                            source: 'APP'
                                        }
                                        var u_url = "/LoginBak/login";
                                        common_ajax(u_url, data, function (ret) {
                                            this_obj.token = ret.info.token;
                                            this_obj.binding_status = ret.info.binding_status;
                                            this_obj.user_code = ret.info.user_code;
                                            if (this_obj.binding_status == false) {
                                                this_obj.show_bind = true;
                                            } else {
                                                setToken(ret.info.token);
                                                after_login();
                                                huanxin_loding(ret.info.token)
                                            }
                                        }, function (ret) {
                                            api.toast({
                                                msg: res.info
                                            });
                                        });
                                    } else {
                                        api.toast({
                                            msg: '获取个人用户信息失败!'
                                        });
                                    }
                                });
                            } else {
                                api.toast({
                                    msg: '获取accesstoken失败!'
                                });
                            }
                        });
                    } else {
                        api.toast({
                            msg: '获取code失败!'
                        });
                    }
                });

            } else {
                api.toast({
                    msg: '您还未未安装微信客户端!'
                });
            }
        });
    };
</script>

</html>